import React from "react";
import useSearchParams from "../../hooks/useSearchParams";

export default function Login({
  history: { push, replace, goBack },
  location,
}) {
  const searchParams = useSearchParams(location.search);

  function handleClick() {
    // 1. 直接设置登录成功
    window.localStorage.setItem("token", "123");

    // // 2. 还需要跳转到 /help 要玩编程式导航
    // replace("/help");

    // 改进，需要实现跳转回它之前想要去的页面
    // goBack(); 这个不行

    // location.search ?redirect=/about
    //    这个使用 useSearchParams 违背了 hooks 规则的第一条，所以报错
    // const searchParams = useSearchParams(location.search);

    replace(searchParams.redirect || "/");
  }

  return (
    <div>
      <h1>Login</h1>
      <button onClick={handleClick}>点我，就登录成功</button>
    </div>
  );
}
